.market-content{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
.market-nav{
    width: 100%;
    height: 1.3rem;
    line-height: 1.65rem;
    text-align: center;
    font-size: 0.3rem;
    border-bottom: 0.01rem solid #ddd;
    background-color: #FBFCFD;
}
/*.nav-first{*/
    /*width: 50%;*/
    /*height: 0.6rem;*/
    /*line-height: 0.6rem;*/
    /*text-align: center;*/
    /*font-size: 0.25rem;*/
    /*border: 0.01rem solid #eee;*/
    /*border-radius: 0.3rem;*/
    /*margin: 0 auto;*/
    /*position: relative;*/
/*}*/
/*.nav-first div{*/
    /*width: 55%;*/
    /*display: inline-block;*/
    /*position: absolute;*/
/*}*/
/*.nav-first div:first-child{*/
    /*left:0;*/
/*}*/
/*.nav-first div:last-child{*/
    /*right: 0;*/
    /*color: #fff;*/
    /*background-color: #418DE0;*/
    /*border-radius: 0.3rem;*/
/*}*/
/*.market-nav img{*/
    /*width: 0.48rem;*/
    /*position: absolute;*/
    /*right: 0.3rem;*/
    /*top: 0.3rem;*/
/*}*/
/*.nav-last{*/
    /*width: 100%;*/
    /*height: 0.8rem;*/
    /*line-height: 0.8rem;*/
    /*text-align: center;*/
    /*font-size: 0.25rem;*/
    /*color: #bbb;*/
    /*margin-top: 0.2rem;*/
/*}*/
/*.nav-last div{*/
    /*width: 20%;*/
    /*height: 0.75rem;*/
    /*float: left;*/
    /*margin-left: 0.2rem;*/
/*}*/
/*.nav-last img{*/
    /*width: 0.4rem;*/
    /*top: 1.2rem;*/
    /*right: 0.2rem;*/
/*}*/
/*.active{*/
    /*color:#225DA5;*/
    /*border-bottom: 0.05rem solid #225DA5;*/
/*}*/
.market-list{
    width: 100%;
    height: calc(100% - 2.3rem);
    overflow-y: scroll;
    padding-top: 0.8rem;
}
@media only screen and (width: 375px) and (height: 812px){
    .market-list{
        height: calc(100% - 2.9rem);
    }
    .market-nav{
        height: 1.5rem;
        line-height: 2.2rem;
    }
    .market-list-nav{
        top: 1.5rem!important;
    }
}
.market-list-nav{
    width: 100%;
    height: 0.8rem;
    line-height: 0.8rem;
    font-size: 0.3rem;
    background-color: white;
    padding: 0% 3%;
    display: flex;
    position: fixed;
    top: 1.3rem;
    z-index: 999;
    border-bottom: 0.01rem solid #eee;
}
.market-list-nav>div:first-child{
    width: 40%;
}
.market-list-nav>div:nth-child(2),.market-list-nav>div:last-child{
    width: 20%;
    margin-left: 10%;
    text-align: right;
}
.market-list-detail{
    width: 100%;
    height: 1.2rem;
    line-height: 0.8rem;
    border-bottom: 0.01rem solid #eee;
    color: #bbb;
    padding: 0% 3%;
    display: flex;
}
.market-list-detail:last-child{
    border: 0;
}
.market-list-detail>div:first-child{
    width: 40%;
    height: 1.2rem;
    line-height: 1.2rem;
}
.market-list-detail>div:first-child>span:first-child{
    font-size: 0.37rem;
    color: #384755;
}
.market-price{
    width: 25%;
    margin-left: 10%;
    text-align: right;
}
.market-price>div:first-child{
    height: 0.6rem;
    line-height: 0.8rem;
    color: #384755;
    font-size: 0.3rem;
}
.market-price>div:last-child{
    height: 0.6rem;
    line-height: 0.4rem;
    font-size: 0.26rem;
}
.market-change{
    width: 20%;
    margin-left: 10%;
    text-align: right;
    height: 0.6rem;
    line-height: 0.6rem;
    font-size: 0.3rem;
    margin-top: 0.3rem;
    color: #fff;
    border-radius: 0.1rem;
    padding-right: 0.1rem;
}
.bg-green{
    background-color: #58C292;
}
.bg-red{
    background-color: #D4573A;
}
